<template>
	<view>
		<carHeader :title="'输入核销码'"></carHeader>
		<view class="top">
			<view class="input1">
				输入核销码：
			</view>
			<view style="display: flex; justify-content: space-between; ">
				<input class="input" v-model="verificationCode"></input>
				<button class="button" @click="getCode">识别</button>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				verificationCode:''
			};
		},
		methods:{
			//识别核销码
			getCode(){
				uni.navigateTo({
					url:"/pages/hexiao1/hexiao1?code=" + this.verificationCode
				})
				console.log(this.verificationCode);
			},
		
		}
	}
</script>

<style lang="scss">
	.top {
		width: 720rpx;
		height: 160rpx;
		background-color: white;
		position: absolute;
		border-radius: 30rpx;
		left: 15rpx;
		top: 100rpx;
		display: flex;
		
		justify-content: space-evenly;
		align-items: center;
		.input1{
			color: #2E80F9;
		}
	}
	.input{
		border: solid 2rpx gainsboro;
		border-radius: 15rpx;
		padding-left: 20rpx;
		width: 380rpx;
		height: 80rpx;
	};
	.button{
		color: white;
		background-color: #2E80F9;
		margin-left: 15rpx;
	}
	
</style>